@media (min-width:1200px) {

	/* 轮播四张图片的定位 */
	.m_img_fu {
		position: relative !important;
		cursor: pointer !important;
	}

	.m_img_tu {
		position: absolute !important;
		left: 11% !important;
		top: 40px !important;
	}

	.m_size_1 {
		position: absolute !important;
		left: 16% !important;
		top: 46px !important;
	}

	.m_img_h1 {
		position: absolute !important;
		left: 12% !important;
		top: 74px !important;
		font-size: 11px !important;
	}

	.m_img_p1 {
		width: auto !important;
		background-color: red !important;
		padding: 1px 10px 1px 10px !important;
		position: absolute !important;
		bottom: 76% !important;
		left: 27px !important;
	}

	.m_img_bo {
		position: absolute !important;
		left: 43% !important;
		top: 34% !important;
		cursor: pointer !important;
	}

	/* 导航栏a标签经过背景颜色 */
	.h_a li :hover {
		background-color: white;
		color: red;
	}

	/*  */
	.m_img_tui {
		position: absolute;
		left: 11% !important;
		top: 75px !important;
	}

	.m_size_1i {
		position: absolute;
		left: 14% !important;
		top: 82px !important;
	}



	/* 四张小图片区域 */
	.m_img_poo {
		position: relative;
		cursor: pointer;
	}

	.m_img_png {
		position: absolute;
		left: 16%;
		top: 17px;
		width: 32px;
		height: 32px;
	}

	.m_size_5 {
		position: absolute;
		left: 22%;
		top: 24px;
		font-size: 13px;
	}

	.m_img_hou {
		position: absolute;
		left: 34px;
		top: 18%;
		font-size: 14px;
	}

	.m_img_paa {
		width: auto;
		background-color: red;
		padding: 1px 10px 1px 10px;
		position: absolute;
		bottom: 65%;
		left: 33px;
		font-size: 14px;
	}

	/* 导航栏a标签经过背景颜色 */
	.h_a li :hover {
		background-color: white !important;
		color: black !important;
	}
}

/* width: 768px */
@media(max-width:982px) {
	.h_col .h_bor {
		height: 50px;
		width: 110px;
		line-height: 33px;
	}

	/* 导航栏a标签经过背景颜色 */
	.h_a li :hover {
		background-color: white !important;
		color: black !important;
	}

	.h_col .h_w {
		width: 110px;
	}

	/* 5字 */
	.m_size_1 {
		position: absolute !important;
		left: 54 px !important;
		top: 46px !important;
	}

	/*  */
	.m_img_p1 {
		width: auto !important;
		background-color: red !important;
		padding: 1px 10px 1px 10px !important;
		position: absolute !important;
		bottom: 78% !important;
		left: 37px !important;
	}

	/* 导航栏a标签经过背景颜色 */
	.h_a li :hover {
		background-color: white;
		color: red;
	}

	/*  */
	.m_size_1i {
		position: absolute;
		left: 9% !important;
		top: 82px !important;
	}

	/* 四张小图片区域 */
	.m_img_poo {
		position: relative;
		cursor: pointer;
	}

	.m_img_png {
		position: absolute;
		left: 9% !important;
		top: 17px !important;
		width: 32px !important;
		height: 32px !important;
	}

	.m_size_5 {
		position: absolute;
		left: 13% !important;
		top: 24px !important;
		font-size: 13px !important;
	}

	.m_img_hou {
		position: absolute;
		left: 30px !important;
		top: 18% !important;
		font-size: 14px !important;
	}

	.m_img_paa {
		width: auto !important;
		background-color: red;
		padding: 1px 10px 1px 10px !important;
		position: absolute;
		bottom: 65% !important;
		left: 33px !important;
		font-size: 14px !important;
	}

	/*  */
	.m_img_fu {
		height: 370px !important;
	}
}

/*中型设备以下小于768px*/
@media(max-width: 768px) {
	
	.h_size{
		position: absolute;
		left: 27% !important;
		top: 45% !important;
		font-size: 35px !important;
		color: white;
	}
	
	.h_size_1{
		position: absolute;
		left: 32% !important;
		top: 70% !important;
	}
	
	/* 小型时调式内边距 */
	.h_py {
		padding: 10px !important;
	}

	.h_py1 {
		padding: 0px 0px 20px 0 !important;
	}

	.h_col .h_bor {
		height: 50px;
		width: 110px;
		line-height: 33px;
	}

	.h_col .h_w {
		width: 110px;
		display: none;
	}

	.h_col .h_input {
		width: 100%;
	}

	.h_ul {
		display: none !important;
	}

	/* 导航栏a标签经过背景颜色 */
	.h_a li :hover {
		background-color: white;
		color: red;
	}

	.h_hr {
		display: none;
	}

	/* 中部飞马区域背景图 */
	.m_bg {
		background-repeat: repeat-y;
	}

	/* 飞马的背景图片外边距 */
	.m_h {
		padding-top: 70px !important;
	}

	/* 边框 */
	.m_img_k {
		width: auto;
		background-color: red;
		padding: 1px 10px 1px 10px;
		position: absolute;
		bottom: 35% !important;
		left: 10% !important;
	}

	/* 小星星 */
	.m_img_x {
		position: absolute;
		left: 48px !important;
		top: 4% !important;
		width: 25px;
		height: 25px;
	}

	/* 小文字 */
	.m_img_h {
		position: absolute;
		left: 47px !important;
		top: 22% !important;
		font-size: 11px;
	}

	/* 边框 */
	.m_img_p {
		width: auto !important;
		background-color: red !important;
		padding: 1px 4px 1px 4px !important;
		position: absolute !important;
		bottom: 54% !important;
		left: 41px !important;
		font-size: 11px;
	}

	/* 5的文字 */
	.m_size {
		position: absolute !important;
		left: 57px !important;
		top: 11px !important;
		font-size: 10px;
	}

	/* 播放按钮 */
	.m_img_b {
		position: absolute !important;
		left: 46% !important;
		top: 45% !important;
		width: 30px !important;
		height: 30px !important;
		cursor: pointer;
	}

	/* 5字 */
	.m_size_1 {
		position: absolute !important;
		left: 54px !important;
		top: 47px !important;
	}

	/*  */
	.m_img_p1 {
		width: auto !important;
		background-color: red !important;
		padding: 1px 10px 1px 10px !important;
		position: absolute !important;
		bottom: 77% !important;
		left: 40px !important;
	}

	/* 文字水平居中 */
	.m_text {
		text-align: center;
	}

	/*  */
	.m_img_a {
		margin-top: 11px;
	}

	/* 双下划线宽度减少 */
	.m_hr {
		width: 15% !important;
	}

	.m_lunb {
		display: none;
	}

	/*  */
	/*  */
	.m_img_tui {
		position: absolute;
		left: 11% !important;
		top: 75px !important;
	}

	.m_size_1i {
		position: absolute;
		left: 14% !important;
		top: 82px !important;
	}

	.m_img_ho {
		position: absolute;
		left: 37px !important;
		top: 17% !important;
	}

	.m_img_pa {
		width: auto;
		background-color: red;
		padding: 1px 10px 1px 10px;
		position: absolute;
		bottom: 73% !important;
		left: 35px !important;
	}

	/* 四张小图片区域 */
	.m_img_poo {
		position: relative;
		cursor: pointer;
	}

	.m_img_png {
		position: absolute;
		left: 18% !important;
		top: 17px !important;
		width: 28px !important;
		height: 28px !important;
	}

	.m_size_5 {
		position: absolute;
		left: 24% !important;
		top: 24px !important;
		font-size: 13px !important;
	}

	.m_img_hou {
		position: absolute;
		left: 32px !important;
		top: 18% !important;
		font-size: 10px !important;
	}

	.m_img_paa {
		width: auto !important;
		background-color: red;
		padding: 1px 10px 1px 10px !important;
		position: absolute;
		bottom: 67% !important;
		left: 29px !important;
		font-size: 10px !important;
	}

	/* 小熊区域的文字缩小 */
	/*  */
	.m_img_xio_h5 {
		position: absolute;
		left: 44px !important;
		top: 67% !important;
		font-size: 15px;
	}

	.m_img_xio_h5_2 {
		position: absolute;
		left: 44px !important;
		top: 75% !important;
		font-size: 15px;
	}

	.m_img_xio_p {
		position: absolute;
		left: 44px !important;
		top: 85% !important;
		font-size: 15px !important;
	}

	/*  */
	.f_padd {
		padding: 30px 15px 0px 15px !important;
	}

	/*  */
	.f_padd_2 {
		padding: 5px 15px 0px 15px !important;
	}

	/*  */
	.f_padd_3 {
		padding: 5px 15px 0px 15px !important;
	}

	/*  */
	.m_img_fu {
		height: 370px !important;
	}
}

.header1 {
	background-color: white;
}

.h_col a {
	color: gray;
}

.h_col input {
	color: gray;
	background: white;
}

.h_col .h_bor {
	border-right: 1px solid gray;
	height:50px;
	width: 114px;
	line-height: 36px;
}

.h_col .h_btn {
	color: gray;
}

.h_col {
	background-color: white;
	/* opacity: 0.3; */
	/* border: 1px solid gray; */
}

/* a标签园 */
.a_rounded {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid gray;
	border-radius: 50%;
	background-color: white;

}

.a_rounded:hover {
	border: 0px solid white !important;
}

/* 鼠标经过背景变成红色 */
.a_rounded:hover .fa_h {
	background-color: red;
	color: white;

}

/* 图标垂直居中 */
.fa_h {
	line-height: 40px;
	width: 40px;
	text-align: center;
	color: gray;
	height: 40px;
	border-radius: 50%;
}

/* 导航栏区域 */
.h_nav {
	background-color: black;
}

/* 导航栏 */
.h_nav .h_xian {
	display: flex;
	justify-content: center;
	align-items: center;
}

.h_nav .h_xian li {
	width: 78px;
	color: width;
	text-align: center;
}

.h_nav .h_center {

	align-items: center;
}

/* 导航栏标签区域 */
.h_a a {
	text-decoration: none;
	color: white;
}

/* 导航栏图标 */
.h_btnbg {
	background-color: black;
}

.h_btnbg i {
	color: white;
}

/* 中部飞马区域背景图 */
.m_bg {
	background: url(../img/bg-01.jpg) repeat-y;
	background-size: cover;
	/* height: 100vh; */
	overflow: hidden;
}

/* 飞马的背景图片外边距 */
.m_h {
	padding: 110px 0 20px 0;
}

.m_img_f {
	position: relative;
	/* background-size: 100% 100%; */
	transition: all 1s;
	cursor: pointer;
	/* overflow: hidden; */
}

.m_img_f:hover {
	/* background-size: 120% 120%; */
	transform: scale(1.2);

}

/* 飞马图片变大隐藏 */
.m_bg_size {
	overflow: hidden;

}

/* 飞马背景慢速放大 */
/* 小星星 */
.m_img_x {
	position: absolute;
	left: 48px;
	top: 4%;
}

/* 小文字 */
.m_img_h {
	position: absolute;
	left: 44px;
	top: 14%;
}

/* 边框 */
.m_img_p {
	width: auto;
	background-color: red;
	padding: 1px 10px 1px 10px;
	position: absolute;
	bottom: 71%;
	left: 36px;
}

/* 点击a标签按钮 */
.m_a {
	display: block;
	width: 190px;
	height: 45px;
	background-color: red;
	color: white;
	text-decoration: none !important;
	text-align: center;
	line-height: 45px;
	transition: all 0.5s linear;
}

/* 鼠标经过a标签按钮 */
.m_a:hover {
	background-color: white;
	color: red;
	border: 1px solid red;
}

/* 字体颜色大小 */
.m_col {
	color: gray;
	font-size: 16px;
}

.m_p {
	color: gray;
}

/* 定位飞马四个图片的红色边框 */
.m_img {
	position: relative;
	transition: all 0.4s;
	cursor: pointer;
}

/* 四张小图片慢速放大 */
.m_img:hover {
	transform: scale(1.2);
}

/* 边框 */
.m_img_k {
	width: auto;
	background-color: red;
	padding: 1px 10px 1px 10px;
	position: absolute;
	bottom: 45%;
	left: 10%;

}

/* 5的文字 */
.m_size {
	position: absolute;
	left: 62px;
	top: 23px;

}

/* 播放按钮 */
.m_img_b {
	position: absolute;
	left: 46%;
	top: 45%;
	cursor: pointer;
}

/* 播放视频区域 */
.m_POP {
	background-color: #222222;
}

/* 播放区域据顶部内边距 */
.m_dapp {
	padding: 70px 0px 0px 0px;
}

/*  */
.m_h5 {
	/* padding-right: 20px; */
	padding-right: 10px;
	margin-right: 0px;
	text-align: center;
}

/*  */
.m_span {
	font-weight: normal;
	font-size: 15px;
	padding-left: 20px;
	border-left: 1px solid gray;
}

/* 点击图标<> */
.m_size_tu {
	font-size: 25px;
	cursor: pointer;
}

/* 轮播四张图片的定位 */
.m_img_fu {
	position: relative;
	cursor: pointer;
}

/* 鼠标经过效果 */
.m_img_bg:hover .m_img_p1 {
	background-color: orange !important;
	color: white !important;
}

.m_img_tu {
	position: absolute;
	left: 11%;
	top: 40px;
}

.m_size_1 {
	position: absolute;
	left: 15%;
	top: 46px;
}

.m_img_h1 {
	position: absolute;
	left: 12%;
	top: 74px;
	font-size: 11px;
}

.m_img_p1 {
	width: auto;
	background-color: red;
	padding: 1px 10px 1px 10px;
	position: absolute;
	bottom: 80%;
	left: 36px;
}

.m_img_bo {
	position: absolute;
	left: 43%;
	top: 36%;
	cursor: pointer;
}

.m_img_a {
	width: auto;
	padding: 5px 15px 5px 15px;
	height: 35px;
	background-color: red;
	color: white;
	font-weight: bold;
	text-decoration: none !important;
	font-size: 15px;
	align-items: center;
	line-height: 27px;
	display: block;
	transition: all 0.5s linear;
}

.m_img_a:hover {
	color: red;
	background-color: white;
}

/* li */
.m_li li {
	cursor: pointer;
}

/* 定位雪人 */
.m_img_po {
	position: relative;
	cursor: pointer;
	transition: all 0.4s linear;
}

.m_img_po:hover {
	transform: scale(1.2);
}

/* 四张小图片也放大 */
.m_img_poo {
	transition: all 0.4s linear;
}

.m_img_poo:hover {
	transform: scale(1.2);
}

/*  */
.m_img_tui {
	position: absolute;
	left: 7%;
	top: 75px;
}

.m_size_1i {
	position: absolute;
	left: 9%;
	top: 82px;
}

.m_img_ho {
	position: absolute;
	left: 46px;
	top: 17%;
}

.m_img_pa {
	width: auto;
	background-color: red;
	padding: 1px 10px 1px 10px;
	position: absolute;
	bottom: 73%;
	left: 44px;
}

.m_hover:hover .m_img_pa {
	background-color: orange;
	color: white;

}

.m_hover:hover .m_img_paa {
	background-color: orange;
	color: white;

}

/* 雪人图片里面的标题区域 */
.m_font {
	position: absolute;
	top: 50%;
	left: 44px;
}

.m_font_1 {
	position: absolute;
	top: 54%;
	left: 44px;
}

.m_font_p {
	position: absolute;
	top: 59%;
	left: 44px;
}

.m_font_pp {
	position: absolute;
	top: 66%;
	left: 44px;
}

.m_font_ppp {
	position: absolute;
	top: 69%;
	left: 44px;
}

.m_font_pppp {
	position: absolute;
	top: 72%;
	left: 44px;
}

.m_aa {
	display: block;
	width: 190px;
	height: 45px;
	background-color: red;
	color: white;
	text-decoration: none !important;
	text-align: center;
	line-height: 45px;
	position: absolute;
	left: 44px;
	top: 80%;
}

/* 鼠标经过效果雪人图片里面的按钮 */
.m_aa:hover {
	background-color: white;
	color: red;
	transition: all 0.5s linear;
}

/* 小熊图片 */
.m_img_xio {
	position: relative;
	cursor: pointer;
	transition: all 0.5s linear;
	height: 327px;
}

.m_img_xio:hover {
	transform: scale(1.2);
}

/*  */
.m_img_xio_h5 {
	position: absolute;
	left: 44px;
	top: 67%;
}

.m_img_xio_h5_2 {
	position: absolute;
	left: 44px;
	top: 75%;
}

.m_img_xio_p {
	position: absolute;
	left: 44px;
	top: 85%;
}

/*  */
.m_img_xiao {
	transition: all 0.4s linear;
	cursor: pointer;
}

.m_img_xiao:hover {
	transform: scale(1.2);
}

/* 鼠标经过li */
.f_li:hover {
	color: red !important;
}

/*  */
.h_coll:hover {
	background-color: black;
	color: white;
}

.h_ull a {
	color: gray;

}

.fa_hh {
	line-height: 34px;
	width: 40px;
	text-align: center;
	color: gray;
	height: 40px;
	border-radius: 50%
}

.fa_hh:hover{
	background-color: red;
	color: white;
}

/*  */
.h_img{
	position: relative;
}

.h_size{
	position: absolute;
	left: 43%;
	top: 45%;
	font-size: 35px;
	color: white;
}

.h_size_1{
	position: absolute;
	left: 45%;
	top: 70%;
}

/* 鼠标经过li */
.f_li:hover{
	color: black !important;
	background-color: white;
}

.h_li a{
	/* background-color: red; */
	color: white;
	border-bottom: 1px solid gray;
	background-color: black;
}

.back {
	position: fixed;
	width: 80px;
	height: 50px;
	line-height: 50px;
	background-color: paleturquoise;
	top: 90%;
	right: 30px;
	display: none;
	text-align: center;
	cursor: pointer;
}